@import "../../css/base_mob.css";
.scroll_btn {
  display: block;
  width: 249/37.5rem;
  height: 44/37.5rem;
  margin: 23/37.5rem auto 0;
  font-size: 16/37.5rem;
  color: #fff;
  text-align: center;
  line-height: 44/37.5rem;
  background-color: #8EC98B;
  -webkit-border-radius: 22/37.5rem 22/37.5rem;
  -moz-border-radius: 22/37.5rem 22/37.5rem;
  -ms-border-radius: 22/37.5rem 22/37.5rem;
  -o-border-radius: 22/37.5rem 22/37.5rem;
  border-radius: 22/37.5rem 22/37.5rem;
  //-webkit-box-shadow: 0 8/37.5rem 14/37.5rem 0 rgba(142, 201, 139, 0.4);
  //-moz-box-shadow: 0 8/37.5rem 14/37.5rem 0 rgba(142, 201, 139, 0.4);
  //-ms-box-shadow: 0 8/37.5rem 14/37.5rem 0 rgba(142, 201, 139, 0.4);
  //-o-box-shadow: 0 8/37.5rem 14/37.5rem 0 rgba(142, 201, 139, 0.4);
  //box-shadow: 0 8/37.5rem 14/37.5rem 0 rgba(142, 201, 139, 0.4);
  -webkit-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
  -moz-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
  -ms-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
  -o-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
  box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
}
.current_day {
  padding-top: 23/37.5rem;
  padding-left: 35/37.5rem;
  padding-right: 35/37.5rem;
  .day_text {
    float: left;
    padding-top: 6/37.5rem;
    margin-left: -5/37.5rem;
    .switchicon {
      width: 32/37.5rem;
      height: 32/37.5rem;
    }
    .day_p {
      padding-left: 5/37.5rem;
    }
    .switch_p {
      text-align: left;
      font-size: 14/37.5rem;
      color: #333;
    }
    .switch_sele {
      text-align: left;
      font-size: 12/37.5rem;
      color: #666666;
    }
  }
  .day_btn {
    display: block;
    width: 94/37.5rem;
    height: 44/37.5rem;
    margin-right: -5/37.5rem;
    font-size: 16/37.5rem;
    color: #fff;
    text-align: center;
    line-height: 44/37.5rem;
    background-color: #8EC98B;
    -webkit-border-radius: 22/37.5rem 22/37.5rem;
    -moz-border-radius: 22/37.5rem 22/37.5rem;
    -ms-border-radius: 22/37.5rem 22/37.5rem;
    -o-border-radius: 22/37.5rem 22/37.5rem;
    border-radius: 22/37.5rem 22/37.5rem;
    -webkit-box-shadow: 0 8/37.5rem 14/37.5rem 0 rgba(142, 201, 139, 0.4);
    -moz-box-shadow: 0 8/37.5rem 14/37.5rem 0 rgba(142, 201, 139, 0.4);
    -ms-box-shadow: 0 8/37.5rem 14/37.5rem 0 rgba(142, 201, 139, 0.4);
    -o-box-shadow: 0 8/37.5rem 14/37.5rem 0 rgba(142, 201, 139, 0.4);
    box-shadow: 0 8/37.5rem 14/37.5rem 0 rgba(142, 201, 139, 0.4);
  }
}
.scroll_p {
  text-align: center;
  font-size: 16/37.5rem;
  color: #666666;
  line-height: 20/37.5rem;
  padding: 30/37.5rem 0 0;
}
.date_text {
  font-size: 16/37.5rem;
  color: #333333;
  text-align: center;
  padding: 0 0 20/37.5rem;
}
.warp {
  width: 100%;
  max-width: 540px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; /*清除点击高亮效果*/
  //微信推文图片预览
  .preview_list {
    padding-bottom: 10/37.5rem;
    .swiper-container {
      width: 100%;
      -webkit-perspective: 1200px;
      -moz-perspective: 1200px;
      -ms-perspective: 1200px;
      perspective: 1200px
    }
    #pagination {
      position: absolute;
      bottom: 100px;
      width: 100%
    }
    .add_slide {
      width: 100%;
      height: 470/37.5rem;
    }

    #pagination .swiper-pagination-bullet {
      width: 9.5%;
      float: left;
      margin: 0 0 0 6.15%;
      background: 0;
      opacity: 1
    }
    .preview_swiper {
      width: 100%;
      //height: 482/37.5rem;
      overflow: hidden;
      position: relative;
      padding: 20/37.5rem 0;
      .swiper-slide {
        width: 249/37.5rem;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        .scroll_img {
          display: block;
          margin: 0 auto;
          width: 249/37.5rem;
          height: 420/37.5rem;
          border: 5/37.5rem solid #fff;
          -webkit-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          -moz-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          -ms-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          -o-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
        }
      }
      .scroll_div {
        width: 249/37.5rem;
        height: 420/37.5rem;
        position: relative;
        .scroll_img {
          display: block;
          margin: 0 auto;
          width: 249/37.5rem;
          height: 420/37.5rem;
          -webkit-border-radius: 5/37.5rem;
          -moz-border-radius: 5/37.5rem;
          -ms-border-radius: 5/37.5rem;
          -o-border-radius: 5/37.5rem;
          border-radius: 5/37.5rem;
          -webkit-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          -moz-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          -ms-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          -o-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
        }
        .scroll_share {
          width: 249/37.5rem;
          height: 420/37.5rem;
          position: absolute;
          top: 0;
          left: 0;
          background-color: rgba(153, 153, 153, 0.3);
          .lockingicon {
            display: block;
            margin: 64/37.5rem auto 0;
            width: 157/37.5rem;
            height: 157/37.5rem;
          }
        }
      }
      .vague_div {
        .scroll_img {
          width: 249/37.5rem !important;
          height: 420/37.5rem;
          //background-repeat: no-repeat;
          //background-position: center;
          //background-size: cover;
          //-webkit-filter: blur(2px);
          //-moz-filter: blur(2px);
          //-o-filter: blur(2px);
          //-ms-filter: blur(2px);
          //filter: blur(2px);
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          -ms-box-shadow: none;
          -o-box-shadow: none;
          box-shadow: none;
        }
        .scroll_share {
          width: 249/37.5rem;
          height: 420/37.5rem;
          position: absolute;
          top: 0;
          left: 0;
          background-color: rgba(153, 153, 153, 0.3);
          //-webkit-box-shadow: 0 4/37.5rem 7/37.5rem 0 rgba(0, 0, 0, 0.2);
          //-moz-box-shadow: 0 4/37.5rem 7/37.5rem 0 rgba(0, 0, 0, 0.2);
          //-ms-box-shadow: 0 4/37.5rem 7/37.5rem 0 rgba(0, 0, 0, 0.2);
          //-o-box-shadow: 0 4/37.5rem 7/37.5rem 0 rgba(0, 0, 0, 0.2);
          //box-shadow: 0 4/37.5rem 7/37.5rem 0 rgba(0, 0, 0, 0.2);
          -webkit-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          -moz-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          -ms-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          -o-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          .lockingicon {
            display: block;
            margin: 64/37.5rem auto 0;
            width: 157/37.5rem;
            height: 157/37.5rem;
          }
        }
      }
      .swiper-slide-active {
        width: 249/37.5rem;
        .scroll_img {
          width: 249/37.5rem !important;
          height: 421/37.5rem;
        }
      }
    }
  }
  //图片预览  详情页
  .preview_detail {
    padding-bottom: 55/37.5rem;
    .detail_img {
      display: block;
      margin: 0 auto;
      width: 100%;
    }
  }
  //托管成功提示
  .trusteeship {
    padding: 20/37.5rem 20/37.5rem;
    .duiicon {
      display: block;
      margin: 20/37.5rem auto 10/37.5rem;
      width: 54/37.5rem;
      height: 54/37.5rem;
    }
    .trusteeship_p {
      display: block;
      text-align: center;
      font-size: 16/37.5rem;
      color: #63A431;
      span {
        display: block;
        font-size: 17/37.5rem;
        font-weight: 800;
        padding: 10/37.5rem 0 20/37.5rem;
      }
    }
    .konw_con {
      font-size: 14/37.5rem;
      font-weight: 800;
      padding: 10/37.5rem 0 15/37.5rem;
    }
    .con_show {
      font-size: 13/37.5rem;
      line-height: 24/37.5rem;
      padding-left: 15/37.5rem;
      color: #666;
    }
    .contact_mode {
      font-size: 10/37.5rem;
      line-height: 20/37.5rem;
      padding-left: 15/37.5rem;
      padding-top: 20/37.5rem;
      color: #999;
    }
    .trusteeship_btn {
      display: block;
      width: 100%;
      height: 42/37.5rem;
      margin: 20/37.5rem auto 20/37.5rem;
      font-size: 14/37.5rem;
      color: #fff;
      text-align: center;
      line-height: 42/37.5rem;
      background-color: #63A431;
      -webkit-border-radius: 50/37.5rem 50/37.5rem;
      -moz-border-radius: 50/37.5rem 50/37.5rem;
      -ms-border-radius: 50/37.5rem 50/37.5rem;
      -o-border-radius: 50/37.5rem 50/37.5rem;
      border-radius: 50/37.5rem 50/37.5rem;
    }
  }
  //footer
  .preview_footer {
    width: 100%;
    position: fixed;
    max-width: 540px;
    z-index: 10;
    bottom: 0;
    height: 54/37.5rem;
    border-top: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 1/37.5rem 0 0 rgba(221, 221, 221, 1);
    .footer_ul {
      width: 100%;
      height: 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      .footer_li {
        float: left;
        flex: 1;
        height: 100%;
        text-align: center;
      }
      .err_btn {
        background-color: rgba(102, 161, 55, 0.317647058823529);
        a {
          display: block;
          color: #63A431;
          width: 100%;
          height: 100%;
          margin: 0 auto;
          line-height: 54/37.5rem;
          font-size: 14/37.5rem;
        }
      }
      .sub_btn {
        background-color: rgba(102, 161, 55, 1);
        a {
          display: block;
          width: 100%;
          height: 100%;
          margin: 0 auto;
          color: #fff;
          line-height: 54/37.5rem;
          font-size: 14/37.5rem;
        }
      }
    }
  }
}